<script>
export default {
    name: "MikuButton"
}
</script>

<template>
    <button><slot></slot></button>
</template>

<style scoped>
    button{
        background-color: var(--main-color);
        padding: 10px 10px;
        border: none;
        outline: none;
        width: 100%;
        border-radius: 10px;
        color: #fff;
        font-size: 1rem;
        font-weight: bold;
    }
    button:hover{
        box-shadow: 0px 0px 8px 0px rgb(64, 160, 112);
        transition: .2s ease-in;

    }
</style>
